<%--
  Created by .
  User: Srikanth
  
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/include/taglibs.jsp"%>
<%--@elvariable id="actionBean" type="com.depo.quiggle.view.controller.BillingInvoiceReceivableAction"--%>

<div id="wraper"> 
  
  <!--bodycontent start here-->
  		<div class="bodycontent" >
        	<div class="bodyContainer" >
            <h1 class="heading clear">INVOICE ACCOUNTS RECEIVABLE </h1>
            
           <div id="printInvoice">
           
           <div id="invoice"> <span class="fleft">Invoice # : 001  <a href="#" id="detailsLink">[ Click Here for Details ]</a></span>
           <span class="fright">Default Current Paid : 12/03/2012</span>
           
           </div>
         
           
           <div class="maintable" style="display:none" id="detailAccounting">
           
           		<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tabledata">
                 <colgroup>
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                   <col width="10%" />
                 </colgroup>
                 <tr class="row1">
                   <th align="left" valign="middle">AGENCY</th>
                   <th align="left" valign="middle">DATE TAKEN</th>
                   <th align="left" valign="middle">EST PGS</th>
                   <th align="left" valign="middle">SCOPIST</th>
                   <th align="left" valign="middle">PROOFER</th>
                   <th align="left" valign="middle">TOTAL A/R</th>
                   <th align="left" valign="middle">CASE NAME</th>
                   <th align="left" valign="middle">DUE AGENCY</th>
                   <th align="left" valign="middle">TTL HRS</th>
                 </tr>
                 <tr class="row2">
                   <th align="left" valign="middle">TYPE</th>
                   <th align="left" valign="middle">JOB #</th>
                   <th align="left" valign="middle">ACTUAL PGS</th>
                   <th align="left" valign="middle">TO/FROM</th>
                   <th align="left" valign="middle">TO/FROM</th>
                   <th align="left" valign="middle">TOTAL A/P</th>
                   <th align="left" valign="middle">WITNESS</th>
                   <th align="left" valign="middle">DUE ATTY IN</th>
                   <th align="left" valign="middle">HRS TO DO</th>
                 </tr>
                 <tr class="row3">
                   <th align="left">O+ # CC</th>
                   <th align="left">DATE REC'D</th>
                   <th align="left">DATE DELIVER</th>
                   <th align="left">SERVICES REIMBURED</th>
                   <th align="left">EXPENSES NON REIMBERSED</th>
                   <th align="left">TOTAL NET</th>
                   <th align="left">NOTES</th>
                   <th align="left">ACTUAL TURNED IN </th>
                   <th align="left">STATUS</th>
                 </tr>
                 <tr class="row11">
                   <td>HUSEBY</td>
                   <td>05.31.12</td>
                   <td>65</td>
                   <td>CT</td>
                   <td>SELF</td>
                   <td>1624.20</td>
                   <td> Faizi v Sonic Auto</td>
                   <td>06.12.12</td>
                   <td>2.3</td>
                 </tr>
                 <tr class="row22">
                   <td>Business</td>
                   <td>3281</td>
                   <td>141</td>
                   <td>05.05.12 / 05.06.12</td>
                   <td>05.05.12 / 05.06.12</td>
                   <td>174.00</td>
                   <td> Mily Hu</td>
                   <td>05.29.12</td>
                   <td>1</td>
                 </tr>
                 <tr class="row33">
                   <td>0+1</td>
                   <td>N/A</td>
                   <td>N/A</td>
                   <td>Yes</td>
                   <td>N/A</td>
                   <td>24.00</td>
                   <td> Video</td>
                   <td>06.12.12</td>
                   <td>Turned In</td>
                 </tr>
               </table>
           </div>
           
           <br class="clear" />
   	  <div id="addressContainer" class="clear">
   	<address>
                	<h3>BILL TO</h3>
                   150, Nashville Street <BR />
Suite 230 <BR />
San Fransisco, CA 94105 
                </address>
                
                
            <address>
           	    <h3>ACCOUNTS PAYABLE</h3>
               	  2095, Samson Street,<br />
               	  Suite 12<br />
               	  San Fransisco, CA 94105
          </address>
             </div>
                
                
      <div id="invoiceContainer">
      		
      <p class="box"><label class="label">Job #</label>8974</p>
       <p class="box"><label class="label">Date of Job</label>02/07/2012</p>
        <p class="box"><label class="label">Case Name</label>Test Case Name</p>
         <p class="box"><label class="label">Witness Name</label>Michael Jordan</p>
            <p class="box"><label class="label">Date Due</label>05/08/2012</p>
      
      </div>
           
           
           
          
            
         
          <div style="margin-top:10px;float:left;width:100%;background:#e5e5e5;padding:7px;border:1px solid #bbb"  >
            <table width="100%" border="0" cellspacing="0" cellpadding="0"  class="plainData">
                    
                  <tr>
                        <th align="left" valign="middle">DESCRIPTION TYPE</th>
                        <th align="left" valign="middle">QUANTITY</th>
                        <th align="left" valign="middle">ACTUALS</th>
                        <th align="left" valign="middle">RATE</th>
                        <th align="left" valign="middle">AMOUNT</th>
                      </tr>
                      <tr>
                        <td>Original + 1 Business</td>
                        <td>1</td>
                        <td>200</td>
                        <td>$4.00</td>
                        <td>800.00</td>
                      </tr>
                      <tr>
                        <td>6-day Expedite</td>
                        <td>1</td>
                        <td>200</td>
                        <td>50%</td>
                        <td>400.00</td>
                      </tr>
                      <tr>
                        <td>Certified Copy</td>
                        <td>1</td>
                        <td>200</td>
                        <td>$2.00</td>
                        <td>400.00</td>
                      </tr>
                      <tr>
                        <td>Realtime</td>
                        <td>1</td>
                        <td>190</td>
                        <td>$1.00</td>
                        <td>380.00</td>
                      </tr>
                    </table>
                    
                    <div class="total">
                    <div class="fleft bold">
                    Invoice # 001
                    </div>
                    
                    <div class="due">
                   <p> <label class="bold label">SubTotal : </label>$900</p>
                     <p> <label class="bold label">Due : </label>$400</p>
                        <p style="border-top:1px solid #000;"> <label class="bold label">Balance Due : </label>$1300</p>
                     
                   
                    </div>
                    
            </div>
              
              
            </div>  
          
            
          </div>
        
          <!--End of left panel -->
          
          <div class="fright invoiceLinks" style="width:20%" >
         		<h3>Accounts Receivable</h3>
          		<a href="#" class="save">Save</a>
                <a href="#" class="post">Post</a>
                <a href="#" class="send">Send</a>
                <a href="#" class="edit">Void and New</a>
                <a href="#" class="void">Void</a>
                <a href="#" class="partial">Apply Partial Payment</a>
                <a href="#" class="full">Paid in Full</a>
          
          </div>
          
            
            
            </div>
        </div>
  <!--bodycontent end here--> 
</div>


<div style="overflow:hidden" id="helpContainer">
  <div id="helpContent" class="helpContentContainer"  style="display:none">
    <div style="text-align:right;padding:0px;margin:0px;margin-top:-5px;"><img src="images/billing-invoice/delete-icon.gif" width="16" height="16" alt="Close" id="close"/></div>
    <p>This is Contextual Help Section for DepoSolutions</p>
  </div>
  <div style="float:right;color:#FFF;"><a href="#" id="slidebutton"><img src="images/billing-invoice/helpicon.png"  alt="Help" width="36" height="94" border="0" /></a></div>
</div>